* {
    margin: 0;
    padding: 0;
}
/* 头部详情栏 */
.job-banner {
    height: 250px;
    /*background: #444c60 url("../images/detail_bg.jpg") center center no-repeat ;*/
    z-index:99999999;
    width: 100%;


}
.job-banner img{
    position: absolute;
    width: 100%;
    height: 250px;

}

.job-banner .inner {
    width: 1190px;
    /* background-color: blue; */
    height: 250px;
    left: 150px;
    float: left;
    position: relative;
}
.job-banner .inner .info-primary {
    width: 700px;
    height: 250px;
    /*background-color: aqua;*/
    float: left;
    margin: 0 auto;
}

.job-banner .inner .info-primary span {
    display: block;
    float: left;
    margin-top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: aliceblue;
    width: 60px;
}

.job-banner .inner .info-primary .name {
    margin-top: 10px;
    width: 700px;
    height: 45px;
    float: left;
    /* background-color: burlywood; */
}

.job-banner .inner .info-primary .name .jobname {
    float: left;
    display: block;
    height: 45px;
    font-size: 32px;
    line-height: 45px;
    color: rgb(248, 239, 239);
    max-width: 380px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* background-color: black; */
}

.job-banner .inner .info-primary .name .salary {
    display: block;
    float: left;
    font-size: 30px;
    height: 45px;
    width:300px;
    line-height: 45px;
    color: #fa8d1f;
    margin-left: 30px;
     /*background-color: rgb(110, 169, 221);*/
    margin-top: 0;
}



.job-banner .inner .info-primary .demand {
    float: left;
    height: 30px;
    width: 100%;
    /*background-color: #fa8d1f;*/
    margin-top: 20px;
}

.job-banner .inner .info-primary .demand ul {
    list-style: none;
    width: 100%;
    height: 100%;
}

.job-banner .inner .info-primary .demand ul li {
    display: block;
    float: left;
    margin-right: 30px;
}

.job-banner .inner .info-primary .demand ul li a {
    text-decoration: none;
    font-size: 15px;
    width: 50px;
    line-height: 30px;
    height: 30px;
    color: rgba(255, 255, 255, .7);
}

.job-banner .inner .info-primary .Btn {
    width: 100%;
    height: 50px;
    float: left;
    /*background-color: aquamarine;*/
    margin-top: 30px;

}

.job-banner .inner .info-primary .Btn .care {
    width: 120px;
    height: 100%;
    border: 1px solid #5ed5c8;
    padding-left: 5px;
    float: left;

}

.job-banner .inner .info-primary .Btn .care a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}
.job-banner .inner .info-primary .Btn .care a:hover{
    font-weight: bolder;
}
.job-banner .inner .info-primary .Btn .care a img {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    margin-right: 30px;
}

.job-banner .inner .info-primary .Btn .care a .word1 {
    display: block;
    float: left;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    color: #5ed5c8;
    margin-left: 30px;
    /* background-color: #444c60; */

}

.job-banner .inner .info-primary .Btn .talk {
    float: left;
    width: 120px;
    height: 50px;
    /*background-color: #dc3e3e;*/
    background-color: #5ed5c8;
    margin-left: 50px;

}

.job-banner .inner .info-primary .Btn .talk a {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    display: block;
    font-size: 20px;
    color: white;
    text-align: center;
    text-decoration: none;

}
.job-banner .inner .info-primary .Btn .talk a:hover {
    font-weight: bolder;
}



.job-banner .inner .contain {
    width: 120px;
    height: 250px;
    /*background-color: antiquewhite;*/
    margin-left: 50px;
    float: left;
    margin-top: 10px;

}

.job-banner .inner .contain span {
    display: block;
    float: left;
    width: 100px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #5ed5c8;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    color: #5ed5c8;
}










/*内容*/
.body {
    width: 100%;
    height:auto;
    position:absolute;
    /* background-color: #444c60; */
}

.body .content {
    width: 1190px;
    height: auto;
    /*background-color: aquamarine;*/
    margin: 0 auto;
    /*position: absolute;*/
}
/*左边内容*/
.body .content .content-left{
    width: 836px;
    height: auto;
    float: left;
    /*position: absolute;*/
    /*border: 1px solid #c24985;*/
}



/*左边的头部*/
.body .content .content-left .content-head{
    width: 100%;
    height: 60px;
    /*background-color: #1b6d85;*/
    margin-bottom: 20px;
}

.body .content .content-left .content-head img{
    display: block;
    float: left;
    margin-right: 30px;
}
.body .content .content-left .content-head span{
    width: 100%;
    height: 30px;
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #ccc;
}




/*职位介绍*/
.body .content .content-left .jobmiaoshu{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #424a5e;
    display: block;
    /*float: left;*/
    margin-bottom: 10px;
    border-bottom: 3px solid #00F7DE;
}







/*公司介绍*/
.body .content .content-left .companyintroduce{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #424a5e;
    display: block;
    /*float: left;*/
    margin-bottom: 10px;
    border-bottom: 3px solid #00F7DE;
}

.body .content .content-left .introducecom{

    /*text-overflow:ellipsis;*/
    /*white-space:nowrap;*/
    /*overflow:hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    width: 90%;
    margin-bottom: 20px;
    height: 190px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 5;*/
    -webkit-box-orient: vertical;

}
.body .content .content-left .introducecom2{

    /*text-overflow:ellipsis;*/
    /*white-space:nowrap;*/
    /*overflow:hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    width: 90%;
    margin-bottom: 20px;

    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 5;*/
    -webkit-box-orient: vertical;
    display: none;

}
.body .content .content-left  .lookall{
    width: 60px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    text-decoration: none;
    color: #cccccc;
    display: block;
    float: left;
    margin-left: 700px;


}







/*竞争力分析*/
.body .content .content-left .comparefenxi{
    width: 100px;
    height: 30px;
    color: #424a5e;
    font-size: 20px;
    line-height: 30px;
    border-bottom: 3px solid #00F7DE;
}
.content-left .levelline{
    width: 100%;
    height: 100px;
}
.body .content .content-left .levelword1{
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    height: 20px;
    margin-top: 10px;
}
.body .content .content-left .levelword2{
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    height: 20px;
    margin-top: 10px;
    text-align: center;
}
.body .content .content-left .level{
    width: 100%;
    height: 40px;

}

.body .content .content-left .level .level1{
    width: 80px;
    height: 10px;
    background-color: #5dd5c8;
    float: left;
    border-radius: 20px;
}
.body .content .content-left .level .level2{
    width: 180px;
    height: 10px;
    background-color: #06cef7;
    float: left;
    border-radius: 20px;
}
.body .content .content-left .level .level3{
    width: 150px;
    height: 10px;
    background-color: #5dd5c8;
    float: left;
    border-radius: 20px;
}
.body .content .content-left .level .level4{
    width: 200px;
    height: 10px;
    background-color: #02f7d1;
    float: left;
    border-radius: 20px;
}
.body .content .content-left .level .level5{
    width: 140px;
    height: 10px;
    background-color: #02f7d1;
    float: left;
    border-radius: 20px;
}
.body .content .content-left .level-word{

    width: 100%;
    height: 40px;
}
.body .content .content-left .level-word em{
    position: relative;
    font-size: 10px;
    top: 10px;

}





/*个人综合排名：在 人中排第查看完整个人排名*/
.content-left .levelast {
    width: 100%;
    height: 30px;
    /*border: 2px solid;*/

}

.body .content .content-left .levelast .comparedetail{
    width: 200px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 10px;
    color: #918c8c;
    /*background-color: #2aabd2;*/
    margin-right: 380px;
}

.body .content .content-left .levelast .look{
    width: 30%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 10px;
    text-decoration: none;
    color: #918c8c;
    display: block;
    /*background-color: #cb2b7b;*/

}





/*工商信息*/
.body .content .content-left .gongshangmsg {
    width: 100px;
    height: 30px;
    color: #424a5e;
    font-size: 20px;
    line-height: 30px;
    border-bottom: 3px solid #00F7DE;
    display: block;
    margin-top: 50px;
}
.body .content .content-left .gsmsg{
    width: 100%;
    height: 150px;
    /*background-color: yellow;*/
    margin-top: 10px;
}
.body .content .content-left .comname{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}

.body .content .content-left .comxiangqing{
    width: 100%;
    height: auto;
    margin-top: 20px;
    /*background-color: #cccccc;*/
}

.body .content .content-left ul{
    width: 100%;
    height: 100%;
    list-style: none;


}


.body .content .content-left ul li{
    width: 410px;
    height:30px;
    line-height: 30px;
    display: block;
    float: left;


}

.body .content .content-left .gsmsg .comxiangqing ul li span{
    display: block;
    float: left;
    font-size: 15px;
    color: #858181;
}

.body .content .content-left .gsmsg .comxiangqing .checkall{
    width: 100px;
    height: 20px;
    display: block;
    float: right;
    margin-top: 20px;
    text-decoration: none;
    color: #625c5c;

}



/*地图*/

.body .content .content-left .map{
    width: 800px;
    height: 200px;
    /*background-color: yellow;*/
    border: 1px solid;

    margin-top: 20px;
}


.body .content .content-left #Map{
    width: 800px;
    height: 200px;
    /*background-color: yellow;*/
    border: 1px solid;

    margin-top: 20px;
}



.body .content .content-left .otherlook{
    width: 160px;
    height: 30px;
    color: #424a5e;
    font-size: 20px;
    line-height: 30px;
    border-bottom: 3px solid #00F7DE;
    display: block;
    margin-top: 50px;
}







/*看过职位的还看了*/
.body .content .content-left .otherlookcontent{
    width: 100%;
    height: 150px;
    /*background-color: #e19999;*/

}


.body .content .content-left .otherlookcontent ul{
    list-style: none;
    width: 100%;
    height: 100%;
}
.body .content .content-left .otherlookcontent ul li {
    display: block;
    float: left;
    width: 200px;
    height: 120px;
    border: #cccccc 1px solid;
    margin-right:40px ;
    margin-top: 15px;
    border-radius: 10px;
}

.body .content .content-left .otherlookcontent ul li:hover{
    border: #cccccc 2px solid;
}




.body .content .content-left .otherlookcontent ul li a{
    display: block;
    width: 100%;
    height: 100px;
    margin-top: 10px;
    /*border-radius: 10px;*/
    /*border: #838080 1px solid;*/
}

.body .content .content-left .otherlookcontent ul li a img{
    display: block;
    width: 62px;
    height: 62px;
    margin-top: 19px;
    float: left;
    /*margin-left: 20px;*/
}

.body .content .content-left .otherlookcontent ul li a .job_cont{
    float: left;
    width: 120px;
    margin-left: 9px;
    height: 90px;
    /*background-color: yellow;*/
    padding-top: 10px;
}

.body .content .content-left .otherlookcontent ul li a .job_cont span{
    display: block;
    /*position: absolute;*/
    font-size: 15px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    margin-bottom: 15px;
    color: #656363;
}

.body .content .content-left .bottom1{
    display: block;
    float: left;
    margin-top: 50px;
}
















/*右边的内容*/

.body .content .content-right{
    /*border: 1px solid red;*/
    width: 350px;
    height: auto;
    float: left;

    /*margin-top: -10px;*/

}
.body .content .content-right .companybasic{
    width: 100%;
    height: 300px;
    /*background-color: yellow;*/
    margin-top: 50px;
}


.body .content .content-right .companybasic .basicmsg{
    width: 100%;
    height: 20px;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 20px;
    color: #0f0f0f;
    margin-bottom: 20px;

}
.body .content .content-right .companybasic .commsg{
    width: 100%;
    height: 300px;

}


.body .content .content-right .companybasic .commsg .nameandlogo{
    width: 100%;
    height: 60px;
}

.body .content .content-right .companybasic .commsg .nameandlogo img{
    width: 60px;
    height: 60px;
    display: block;
    float: left;

}

.body .content .content-right .companybasic .commsg .nameandlogo .name_{
    display: block;
    float: left;
    width: 250px;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    color: #504f4f;
    margin-left: 30px;
    /*background-color: #2aabd2;*/
}

.body .content .content-right .companybasic .commsg div{
    width: 100%;
    height: 30px;
    margin-top: 50px;

}

.body .content .content-right .companybasic .commsg div img{
    display: block;
    float: left;
    width: 30px;
    height: 30px;

}
.body .content .content-right .companybasic .commsg div span{
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    color: #0f0f0f;
    line-height: 30px;
    margin-left: 50px;
}





/*相似职位*/

.body .content .content-right .similiarjob{
    width: 100%;
    height: 400px;
    margin-top: 50px;
}
.body .content .content-right .similiarjob .similiar{
    width: 100%;
    height: 20px;
    margin-top: 20px;
    font-size: 15px;
    color: #646161;
    line-height: 20px;
}

.body .content .content-right .similiarjob ul{
    width: 100%;
    height: 360px;
    list-style: none;
    /*background-color: yellow;*/
}

.body .content .content-right .similiarjob ul li{
    display: block;
    float: left;
    width: 100%;
    height: 120px;
    border: 1px solid #cccccc;
    margin-top: 10px;
    border-radius: 10px;
}
.body .content .content-right .similiarjob ul li a{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.body .content .content-right .similiarjob ul li a .li-left{
    float: left;
    width: 280px;
    height: 100%;
}
.body .content .content-right .similiarjob ul li a .li-left span{
    display: block;
    float: left;
    width: 280px;
    height: 20px;
    font-size: 10px;
    color: #0f0f0f;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.body .content .content-right .similiarjob ul li a .li-right{
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 30px;
}
.body .content .content-right .pic{
    display: block;
    float: left;
    margin-top: 50px;
}








